﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Theme="ItemsSkin" Inherits="Public_Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>EBE Inventory</title>
    <link href="Login.css" rel="stylesheet" type="text/css" />

    <script src="../Scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
    
    <%--<script type="text/javascript">
        $(function () {
            $('#divRegister').hide();
            $('img#imgReg , a#aReg').bind("click", function () { $('#divRegister').fadeToggle('slow'); });
        }
        );
    </script>--%>

</head>

<body>
<form id="form1" runat="server">
    <div class="divTop">
        <img src="../Images/back3.jpg" width="100%" height="90%"/>
    </div>

    <div id="logo" class="divHeaderLogo">
    <img src="../Images/logo (1).png" width="100%" height="100%"/>
    </div>
    
    <div class="divHeaderText">
    <span class="HeaderSpan1"><p>Inventory Management System </p></span>
    <span class="HeaderSpan2">Inventory Solution that goes beyond counting... </span></br>
    <span class="HeaderSpan2">To save your time and money, improve sales and services.</span>
    </div>
    
    <div class="divHeaderClrs">
    <table>
    <tr>
    <td style="width:30%"><asp:Label ID="Label1" SkinID="Login" runat="server" Text="User Code"></asp:Label></td>
    <td style="width:2%"></td>
    <td style="width:25%"><asp:Label ID="Label2" SkinID="Login" runat="server" Text="Password"></asp:Label></td>
    <td style="width:20%"></td>
    </tr>
    <tr>
    <td><asp:TextBox runat="server" ID="TextBox1" SkinID="Login" ></asp:TextBox></td>
    <td></td>
    <td><asp:TextBox runat="server" ID="TextBox2" SkinID="Login" ></asp:TextBox></td>
    <td  align="center"><asp:Button ID="Button1" SkinID="Login" runat="server" 
            Text="Sign in" onclick="Button1_Click" /></td>
   
    </tr>

    <tr><td colspan="4"></td></tr>
    <tr><td colspan="4"></td></tr>
        
<%--    <tr><td colspan="2"></td>
    <td colspan="2" align="right"><a style="vertical-align: 80%;Font-Size:Large; color:#FFCC00" href="#" ID="aReg">Sign up</a>
    <img ID="imgReg" style="cursor:pointer" src="../Images/round_down_arrow.png"/></td>
    </tr>--%>
    </table>
    </div>

    <div id="divRegister" class="divRegister">
    <table class="tblRegister">
    <tr >
    <td style="width:30%;"></td>
    <td style="width:40%;"></td>
    <td style="width:5%;"></td>
    </tr>

    <tr><td colspan="3"><span style="text-transform: capitalize; color:#FFFFFF; font-size: x-large; text-decoration: underline; font-weight: bold;">sign up new account</span> </td></tr>
    <tr><td colspan="3"></td></tr>
    

    <tr>
    <td align="right" > <asp:Label ID="Label3" SkinID="SignUp" runat="server" Text="User Code:"></asp:Label></td>
    <td   > <asp:TextBox ID="TextBox3" SkinID="SignUp" runat="server"></asp:TextBox> </td>
    <td style="height:30px"></td>
    </tr>
    
    <tr><td style="height:5px" colspan="3"></td></tr>
    

    <tr>
    <td align="right" class="style1"> <asp:Label ID="Label4" SkinID="SignUp" runat="server" Text="Password:"></asp:Label></td>
    <td> <asp:TextBox ID="TextBox4" SkinID="SignUp" runat="server"></asp:TextBox></td>
    <td style="height:30px"></td>
    </tr>

    <tr><td style="height:5px" colspan="3"></td></tr>

    <tr>
    <td align="right" class="style1"> <asp:Label ID="Label5" SkinID="SignUp" runat="server" Text="Re-enter Password:"></asp:Label></td>
    <td> <asp:TextBox ID="TextBox5" SkinID="SignUp" runat="server"></asp:TextBox></td>
    <td style="height:30px"></td>
    </tr>
    <tr><td style="height:5px" colspan="3"></td></tr>

    <tr>
    <td align="right" colspan="2"> <asp:Button ID="Button2" SkinID="SignUp" runat="server" Text="Sign up" /></td>
    <td style="height:30px"></td>
    </tr>


    </table>
    </div>

    <div class="divFeatures">
    <table style="position:absolute; top:5%;width:100%">
    <tr align="center">
    <td style="width:2%;"></td>
    <td colspan="2" style="height:30px;"><span class="FeatHeaderSpan">Stock Management</span></td>
    <td colspan="2"><span class="FeatHeaderSpan">Items Management</span></td>
    <td colspan="2"><span class="FeatHeaderSpan">Orders Management</span></td>
    <td colspan="2" ><span class="FeatHeaderSpan">Stock Operations</span></td>
    <td style="width:2%;"></td>
    </tr>
    
    <tr align="center">
    <td></td>
    <td style="width:12%;"><img src="../Images/invMan.png"  height="100%"></td>
    <td align="left" style="width:12%;"><span class="FeatInnerSpan">Organize inventory locations and sub-locations.</span></td>
    <td style="width:12%;"><img src="../Images/Cat.png" height="100%"></td>
    <td align="left" style="width:12%;"><span class="FeatInnerSpan">Organize and monitor inventory items and categories.</span></td>
    <td style="width:13%;"><img src="../Images/order.png" height="100%"></td>
    <td align="left" style="width:11%;"><span class="FeatInnerSpan">Track and respond all departements order requests.</span></td>
    <td style="width:13%;"><img src="../Images/reports.png" height="100%"></td>
    <td align="left" style="width:11%;"><span class="FeatInnerSpan">Perform reordering and stocktaking operations.</span></td>
    <td></td>
    </tr>
    </table>


    </div>


    <div class="divSeperator"></div>

    <div class="divFooter">
    <table style="position:absolute; top:20%;width:100%">
    <tr align="center">
    <td style="width:6%;"></td>
    <td style="width:35%;"><spam style="color:Gray">© 2011 EBE Inventory, Inc. All rights reserved to </spam><a style="color:Gray;" href ="http://www.ebetech.com.eg/">EBE Technology.</a>.</td>
    <td style="width:5%;"><a style="color:#C0C0C0;" href="#">About Us</a></td>
    <td style="width:7%;"> <a style="color:#C0C0C0;" href="#">Contact Us</a></td>
    <td style="width:5%;"> <a style="color:#C0C0C0;" href="#">Help</a></td>
    <td style="width:9%;"> <a style="color:#C0C0C0;" href="#">Terms of use</a></td>
    <td style="width:10%;"> <a style="color:#C0C0C0;" href="#">Privacy statement</a></td>
    <td style="width:5%;">  <a href="#"> <img src="../Images/tweeter.png" width="100%" height="100%" /></a></td>
    <td style="width:5%;"> <a href="#"><img src="../Images/facebook.png" width="100%" height="100%"  /></a></td>
    <td style="width:13%;"></td>
    </tr>
    </table>
    </div>

    </form>
</body>
</html>
